<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:web="http://www.web.com.br/jsf/webutils">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title><h:outputText value="#{eventoPaginaUI.evento.nome}"
			rendered="#{!(eventoPaginaUI.evento == null)}" /> <h:outputText
			value="#{messages['label.eventonaoencontrado']}"
			rendered="#{eventoPaginaUI.evento == null}" /></title>

	<f:facet name="last">
		<h:outputStylesheet name="/css/pagina.css" />
		<h:outputStylesheet name="/css/tipTip.css" />
	</f:facet>

</h:head>

<h:body>

	<f:view contentType="text/html">
	
		#{eventoPaginaUI.buscarEvento()}
	
		<p:outputPanel id="idEventoNaoEncontrado"
			rendered="#{eventoPaginaUI.evento == null}">
			<h:outputText value="#{messages['label.eventonaoencontrado']}" />
		</p:outputPanel>

		<p:outputPanel id="idEventoEncontrado"
			rendered="#{eventoPaginaUI.evento != null}">
			<div id="fixed-menu" style="display: block;">
				<table align="center" width="868" border="0" cellspacing="0"
					cellpadding="0">
					<tbody>
						<tr>
							<td width="79" style="text-align: left;"><a
								class="menu-link" onclick="goto(&#39;home&#39;); return false;">INICIO</a></td>
							<td width="167" style="text-align: left;"><a
								class="menu-link"
								onclick="goto(&#39;sobre-o-evento&#39;); return false;">SOBRE
									O EVENTO</a></td>
							<td width="143" style="text-align: left;"><a
								class="menu-link"
								onclick="goto(&#39;palestrantes&#39;); return false;">PALESTRANTES</a></td>
							<td width="147" style="text-align: left;"><a
								class="menu-link"
								onclick="goto(&#39;cronograma&#39;); return false;">PROGRAMAÇÃO</a></td>
							<td width="119" style="text-align: left;"><a
								class="menu-link"
								onclick="goto(&#39;downloads&#39;); return false;">DOWNLOADS</a></td>
							<td width="119" style="text-align: left;"><a
								class="menu-link"
								onclick="goto(&#39;downloads&#39;); return false;">CONTATO</a></td>
						</tr>
					</tbody>
				</table>
			</div>

			<table id="overlay" width="100%" border="0" cellspacing="0"
				cellpadding="0">
				<tbody>
					<tr>
						<td id="home">
							<table align="center" width="731" border="0" cellspacing="0"
								cellpadding="0">
								<tbody>
									<tr>
										<td width="79" style="text-align: left;"><a
											class="menu-link"
											onclick="goto(&#39;home&#39;); return false;">INICIO</a></td>
										<td width="167" style="text-align: left;"><a
											class="menu-link"
											onclick="goto(&#39;sobre-o-evento&#39;); return false;">SOBRE
												O EVENTO</a></td>
										<td width="143" style="text-align: left;"><a
											class="menu-link"
											onclick="goto(&#39;palestrantes&#39;); return false;">PALESTRANTES</a></td>
										<td width="147" style="text-align: left;"><a
											class="menu-link"
											onclick="goto(&#39;cronograma&#39;); return false;">PROGRAMAÇÃO</a></td>
										<td width="119" style="text-align: left;"><a
											class="menu-link"
											onclick="goto(&#39;downloads&#39;); return false;">DOWNLOADS</a></td>
										<td width="119" style="text-align: left;"><a
											class="menu-link"
											onclick="goto(&#39;downloads&#39;); return false;">CONTATO</a></td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
					<tr>
						<td style="padding-top: 160px;"><p:graphicImage
								value="#{eventoPaginaUI.foto}" width="460" height="155"
								cache="false">
								<f:param id="item_id_foto" name="item_id" value="1" />
							</p:graphicImage></td>
					</tr>
					<tr>
						<td
							style="color: #A5A1A7; font-family: AvenirLtStdLight, Arial; font-size: 25px; width: 920px;">
							<br /> <h:outputText value="#{eventoPaginaUI.evento.descricao}" />
						</td>
					</tr>
					<tr>
						<td
							style="color: #5f5f5f; font-size: 13px; font-family: AvenirLTStdBlack, Arial;">
							<br /> <h:outputText value="#{eventoPaginaUI.localizacao}" />
						</td>
					</tr>
					<tr>
						<td
							style="color: #c7a246; font-size: 13px; font-family: AvenirLTStdBlack, Arial;">
							<br />
							<h:form> 
								<h:commandLink
									action="#{eventoPaginaUI.linkInscricao}"
									target="_blank" styleClass="menu-link">
									<h:outputText value="#{messages['label.linkinscricao']}" />
								</h:commandLink>
							</h:form>
						</td>
					</tr>
					<tr>
						<td
							style="color: #c7a246; font-size: 13px; font-family: AvenirLTStdBlack, Arial; padding-bottom: 80px;">
							<br /> 
							<h:form> 
								<h:commandLink
									action="#{eventoPaginaUI.linkSubmissao}"
									target="_blank" styleClass="menu-link">
									<h:outputText value="#{messages['label.linksubmissao']}" />
								</h:commandLink>
							</h:form>
						</td>
					</tr>
					<tr>
						<td id="sobre-o-evento" class="sobre">
							<table width="920" align="center" border="0" cellspacing="0"
								cellpadding="0">
								<tbody>
									<tr>
										<td
											style="text-align: left; color: #3D71B7; font-size: 40px; font-family: AvenirLTStdBlack, Arial; padding-top: 90px;">
											Sobre o Evento</td>
									</tr>
									<tr>
										<td
											style="text-align: justify; letter-spacing: normal; color: #656868; font-size: 16px; font-family: AvenirLTStdBlack, Arial; padding-top: 30px;">
											<br /> <h:outputText value="#{eventoPaginaUI.evento.sobre}" />
										</td>
									</tr>
									<tr>
										<td style="padding-top: 70px; padding-bottom: 100px;"><p:graphicImage
												value="#{eventoPaginaUI.foto}" width="88" height="75"
												cache="false">
												<f:param id="item_id_a" name="item_id" value="2" />
											</p:graphicImage></td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
					<!-- Panel de Palestrantes -->
					<tr>
						<td id="palestrantes" class="palestrantes"><p:outputPanel
								rendered="#{not empty eventoPaginaUI.palestras}">
								<table width="920" align="center" border="0" cellspacing="0"
									cellpadding="0">
									<tbody>
										<tr>
											<td
												style="text-align: left; color: #E9EAE6; font-size: 40px; font-family: AvenirLTStdBlack, Arial; padding-top: 90px;">Palestrantes</td>
										</tr>

										<ui:repeat value="#{eventoPaginaUI.palestras}" var="repeat">
											<tr>
												<td
													style="padding-top: 25px; padding-bottom: 45px; border-top: solid #6FB364 3px;">
													<table border="0" cellspacing="0" cellpadding="0">
														<tbody>
															<tr>
																<td style="padding-right: 40px;">
																	<table border="0" cellspacing="0" cellpadding="0">
																		<tbody>
																			<tr>
																				<td><p:graphicImage
																						value="#{eventoPaginaUI.foto}" width="248"
																						height="248" cache="false">
																						<f:param id="item_id_b" name="item_id"
																							value="#{repeat.id}" />
																					</p:graphicImage></td>
																			</tr>
																			<tr>
																				<td
																					style="color: #ffffff; font-size: 21px; font-family: AvenirLTStdBlack, Arial; padding-top: 15px;">
																					<h:outputText
																						value="#{repeat.participante.cadastro.razaoSocial}" />
																				</td>
																			</tr>
																		</tbody>
																	</table>
																</td>
																<td>
																	<table border="0" cellspacing="0" cellpadding="0">
																		<tbody>
																			<tr>
																				<td
																					style="text-align: left; color: #ffffff; font-size: 15px; font-family: AvenirLTStdMedium, Arial; letter-spacing: normal;">
																					<h:outputText
																						value="#{repeat.participante.cadastro.miniBiografia}" />
																				</td>
																			</tr>
																			<tr>
																				<td
																					style="text-align: left; color: #304B2C; font-size: 15px; font-family: AvenirLTStdBlack, Arial; padding-top: 20px;">
																					<h:outputText value="Palestra: #{repeat.titulo}" />
																				</td>
																			</tr>
																		</tbody>
																	</table>
																</td>
															</tr>
														</tbody>
													</table>
												</td>
											</tr>
										</ui:repeat>
									</tbody>
								</table>
							</p:outputPanel></td>
					</tr>
					<!-- **** -->
					<!-- Panel de Cursos -->
					<tr>
						<td id="cursos" class="cursos"><p:outputPanel
								rendered="#{not empty eventoPaginaUI.cursos}">
								<table width="920" align="center" border="0" cellspacing="0"
									cellpadding="0">
									<tbody>
										<tr>
											<td
												style="text-align: left; color: #ffffff; font-size: 40px; font-family: AvenirLTStdBlack, Arial; padding-top: 90px;">
												Cursos</td>
										</tr>

										<ui:repeat value="#{eventoPaginaUI.cursos}" var="repeat">
											<tr>
												<td
													style="padding-top: 25px; padding-bottom: 45px; border-top: solid #0162A1 3px;">
													<table border="0" cellspacing="0" cellpadding="0">
														<tbody>
															<tr>
																<td style="padding-right: 40px;">
																	<table border="0" cellspacing="0" cellpadding="0">
																		<tbody>
																			<tr>
																				<td><p:graphicImage
																						value="#{eventoPaginaUI.foto}" width="248"
																						height="248" cache="false">
																						<f:param id="item_id_c" name="item_id"
																							value="#{repeat.id}" />
																					</p:graphicImage></td>
																			</tr>
																			<tr>
																				<td
																					style="color: #ffffff; font-size: 21px; font-family: AvenirLTStdBlack, Arial; padding-top: 15px;">
																					<h:outputText
																						value="#{repeat.participante.cadastro.razaoSocial}" />
																				</td>
																			</tr>
																		</tbody>
																	</table>
																</td>
																<td>
																	<table border="0" cellspacing="0" cellpadding="0">
																		<tbody>
																			<tr>
																				<td
																					style="text-align: left; color: #ffffff; font-size: 15px; font-family: AvenirLTStdMedium, Arial; letter-spacing: normal;">
																					<h:outputText
																						value="#{repeat.participante.cadastro.miniBiografia}" />
																				</td>
																			</tr>
																			<tr>
																				<td
																					style="text-align: left; color: #0129B2; font-size: 15px; font-family: AvenirLTStdBlack, Arial; padding-top: 20px;">
																					<h:outputText value="Curso: #{repeat.titulo}" />
																				</td>
																			</tr>
																		</tbody>
																	</table>
																</td>
															</tr>
														</tbody>
													</table>
												</td>
											</tr>
										</ui:repeat>
									</tbody>
								</table>
							</p:outputPanel></td>
					</tr>
					<!-- **** -->
					<!-- Panel de Minicursos -->
					<tr>
						<td id="minicursos" class="minicursos"><p:outputPanel
								rendered="#{not empty eventoPaginaUI.minicursos}">
								<table width="920" align="center" border="0" cellspacing="0"
									cellpadding="0">
									<tbody>
										<tr>
											<td
												style="text-align: left; color: #E9EAE6; font-size: 40px; font-family: AvenirLTStdBlack, Arial; padding-top: 90px;">Minicursos</td>
										</tr>

										<ui:repeat value="#{eventoPaginaUI.minicursos}" var="repeat">
											<tr>
												<td
													style="padding-top: 25px; padding-bottom: 45px; border-top: solid #6FB364 3px;">
													<table border="0" cellspacing="0" cellpadding="0">
														<tbody>
															<tr>
																<td style="padding-right: 40px;">
																	<table border="0" cellspacing="0" cellpadding="0">
																		<tbody>
																			<tr>
																				<td><p:graphicImage
																						value="#{eventoPaginaUI.foto}" width="248"
																						height="248" cache="false">
																						<f:param id="item_id_d" name="item_id"
																							value="#{repeat.id}" />
																					</p:graphicImage></td>
																			</tr>
																			<tr>
																				<td
																					style="color: #ffffff; font-size: 21px; font-family: AvenirLTStdBlack, Arial; padding-top: 15px;">
																					<h:outputText
																						value="#{repeat.participante.cadastro.razaoSocial}" />
																				</td>
																			</tr>
																		</tbody>
																	</table>
																</td>
																<td>
																	<table border="0" cellspacing="0" cellpadding="0">
																		<tbody>
																			<tr>
																				<td
																					style="text-align: left; color: #ffffff; font-size: 15px; font-family: AvenirLTStdMedium, Arial; letter-spacing: normal;">
																					<h:outputText
																						value="#{repeat.participante.cadastro.miniBiografia}" />
																				</td>
																			</tr>
																			<tr>
																				<td
																					style="text-align: left; color: #304B2C; font-size: 15px; font-family: AvenirLTStdBlack, Arial; padding-top: 20px;">
																					<h:outputText value="Mini Curso: #{repeat.titulo}" />
																				</td>
																			</tr>
																		</tbody>
																	</table>
																</td>
															</tr>
														</tbody>
													</table>
												</td>
											</tr>
										</ui:repeat>
									</tbody>
								</table>
							</p:outputPanel></td>
					</tr>
					<!-- **** -->
					<!-- Panel de Workshops -->
					<tr>
						<td id="workshops" class="workshops"><p:outputPanel
								rendered="#{not empty eventoPaginaUI.workshops}">
								<table width="920" align="center" border="0" cellspacing="0"
									cellpadding="0">
									<tbody>
										<tr>
											<td
												style="text-align: left; color: #E9EAE6; font-size: 40px; font-family: AvenirLTStdBlack, Arial; padding-top: 90px;">Workshops</td>
										</tr>

										<ui:repeat value="#{eventoPaginaUI.workshops}" var="repeat">
											<tr>
												<td
													style="padding-top: 25px; padding-bottom: 45px; border-top: solid #0162A1 3px;">
													<table border="0" cellspacing="0" cellpadding="0">
														<tbody>
															<tr>
																<td style="padding-right: 40px;">
																	<table border="0" cellspacing="0" cellpadding="0">
																		<tbody>
																			<tr>
																				<td><p:graphicImage
																						value="#{eventoPaginaUI.foto}" width="248"
																						height="248" cache="false">
																						<f:param id="item_id_e" name="item_id"
																							value="#{repeat.id}" />
																					</p:graphicImage></td>
																			</tr>
																			<tr>
																				<td
																					style="color: #ffffff; font-size: 21px; font-family: AvenirLTStdBlack, Arial; padding-top: 15px;">
																					<h:outputText
																						value="#{repeat.participante.cadastro.razaoSocial}" />
																				</td>
																			</tr>
																		</tbody>
																	</table>
																</td>
																<td>
																	<table border="0" cellspacing="0" cellpadding="0">
																		<tbody>
																			<tr>
																				<td
																					style="text-align: left; color: #ffffff; font-size: 15px; font-family: AvenirLTStdMedium, Arial; letter-spacing: normal;">
																					<h:outputText
																						value="#{repeat.participante.cadastro.miniBiografia}" />
																				</td>
																			</tr>
																			<tr>
																				<td
																					style="text-align: left; color: #0129B2; font-size: 15px; font-family: AvenirLTStdBlack, Arial; padding-top: 20px;">
																					<h:outputText value="Workshop: #{repeat.titulo}" />
																				</td>
																			</tr>
																		</tbody>
																	</table>
																</td>
															</tr>
														</tbody>
													</table>
												</td>
											</tr>
										</ui:repeat>
									</tbody>
								</table>
							</p:outputPanel></td>
					</tr>
					<!-- **** -->
					<!-- Cronograma -->
					<tr>
						<td id="cronograma" class="cronograma">
							<table width="920" align="center" border="0" cellspacing="0"
								cellpadding="0">
								<tbody>
									<tr>
										<td
											style="text-align: left; color: #656869; font-size: 40px; font-family: AvenirLTStdBlack, Arial; padding-top: 90px;">Cronograma</td>
									</tr>
									<ui:repeat value="#{eventoPaginaUI.datasEvento}" var="data">
										<tr>
											<td class="cronograma-titulo" style="font-weight: bold;">
												<h:outputText value="Dia: #{data}" />
											</td>
										</tr>
										<ui:repeat value="#{eventoPaginaUI.tipoAtividadesData(data)}"
											var="tipoAtividade">
											<tr>
												<td class="cronograma-titulo" style="font-weight: bold;">
													<h:outputText value="#{tipoAtividade}" /> <ui:repeat
														value="#{eventoPaginaUI.dataAtividades(data, tipoAtividade)}"
														var="atividade">
														<tr>
															<td class="cronograma-titulo" style="font-weight: bold;">
																<h:outputText
																	value="#{atividade.horaInicio} - #{atividade.titulo} - #{atividade.participante.cadastro.razaoSocial}" />
															</td>
														</tr>
														<tr>
															<td class="cronograma-descricao"><h:outputText
																	value="#{atividade.descricao}" /></td>
														</tr>
													</ui:repeat>
												</td>
											</tr>
										</ui:repeat>
									</ui:repeat>
								</tbody>
							</table>
						</td>
					</tr>
					<!-- *** -->
					<!-- Rodape -->
					<tr>
						<td id="rodape">
							<table width="920" align="center" border="0" cellspacing="0"
								cellpadding="0">
								<tbody>
									<tr>
										<td style="border-bottom: solid 1px #d1d6cc;">EXECUÇÃO E
											REALIZAÇÃO</td>
									</tr>
									<tr>
										<td style="padding-top: 20px;">
											<table border="0" cellspacing="0" cellpadding="0">
												<tbody>
													<tr>
														<td><ui:repeat
																value="#{eventoPaginaUI.organizadores}" var="repeat">
																<p:graphicImage value="#{eventoPaginaUI.foto}"
																	width="225" height="75" cache="false"
																	style="margin-right: 5px;">
																	<f:param id="item_id_f" name="item_id"
																		value="#{repeat.id}" />
																</p:graphicImage>
															</ui:repeat></td>
													</tr>
												</tbody>
											</table>
										</td>
									</tr>
									<tr>
										<td
											style="border-bottom: solid 1px #d1d6cc; padding-top: 20px;">PATROCINADORES</td>
									</tr>
									<tr>
										<td style="padding-top: 20px;">
											<table border="0" cellspacing="0" cellpadding="0">
												<tbody>
													<tr>
														<td><ui:repeat
																value="#{eventoPaginaUI.patrocinadores}" var="repeat">
																<p:graphicImage value="#{eventoPaginaUI.foto}"
																	width="225" height="75" cache="false"
																	style="margin-right: 5px;">
																	<f:param id="item_id_g" name="item_id"
																		value="#{repeat.id}" />
																</p:graphicImage>
															</ui:repeat></td>
													</tr>
												</tbody>
											</table>
										</td>
									</tr>
									<tr>
										<td
											style="padding-top: 20px; border-bottom: solid 1px #d1d6cc;">APOIO</td>
									</tr>
									<tr>
										<td style="padding-top: 20px;">
											<table border="0" cellspacing="0" cellpadding="0">
												<tbody>
													<tr>
														<td><ui:repeat value="#{eventoPaginaUI.apoiadores}"
																var="repeat">
																<p:graphicImage value="#{eventoPaginaUI.foto}"
																	width="210" height="70" cache="false"
																	style="margin-right: 5px;">
																	<f:param id="item_id_g" name="item_id"
																		value="#{repeat.id}" />
																</p:graphicImage>
															</ui:repeat></td>
													</tr>
												</tbody>
											</table>
										</td>
									</tr>
								</tbody>
							</table>
						</td>
					</tr>
					<!-- **** -->
				</tbody>
			</table>
		</p:outputPanel>

	</f:view>

</h:body>
</html>